<div class="address-list-bg" [ngStyle]="tagData.cssStyle | styleFilter">

  <ng-container *ngIf="tagData.data.headDiv">
    <p class="header-title" [ngStyle]="tagData.data.headDiv.cssStyle | styleFilter">
      <span style="flex-grow: 1;" *ngIf="tagData.data.headDiv.headTitle">{{tagData.data.headDiv.headTitle}}</span>
      <!--pageModalService.openPage(tagData.data.headDiv.moreLink.link)-->
      <span class="header-link" *ngIf="tagData.data.headDiv.moreLink?.link?.label"
        appDebounceClick (debounceClick)="showModal(tagData.data.headDiv.moreLink.link)">{{tagData.data.headDiv.moreLink?.link?.label}} </span>
      <i *ngIf="tagData.data.headDiv.moreLink?.link?.label" class="detail-icon"></i>
    </p>
  </ng-container>
    <!-- 在服务范围内 -->
    <ng-container *ngIf="nomalArr">
      <div style="margin-bottom: 1.5rem">
        <ng-container *ngFor="let ite of nomalArr, let i = index">
            <div class="item-nomal" *ngIf="i === 0 && ite.nomal" [ngStyle]="ite.nomalCssStyle | styleFilter">
              {{ite.nomal}}
            </div>
            <div class="address-item-bg" *ngIf="ite.firstRowLeft?.firstText?.label">
              <div class="item-ringht" appDebounceClick (debounceClick)="selectItem($event,ite)">
                <p class="name-bg" [ngStyle]="ite.firstRowLeft?.firstText?.cssStyle | styleFilter">
                  <img *ngIf="ite.icon2" src="{{ite.icon2}}" [ngStyle]="ite.icon2CssStyle | styleFilter">{{ite.firstRowLeft?.firstText?.label}}<span class="phone"
                    [ngStyle]="ite.firstRowLeft?.secondText?.cssStyle | styleFilter">{{ite.firstRowLeft?.secondText?.label}}</span>
                  <span *ngIf="ite.check_show && !addressShow" [ngStyle]="ite.secondRowLeft?.tag?.cssStyle | styleFilter"
                    class="def-tag">{{ite.secondRowLeft?.tag?.label}}</span>
                  <img *ngIf="ite.firstRowRightUpdate?.updateLink?.link && !addressShow" class="modify-icon"
                    [src]="ite.checkIcon" [ngStyle]="ite.checkIconCssStyle | styleFilter"
                    onerror="this.src='assets/icon/center_icon_modify@3x.png'"
                    appDebounceClick (debounceClick)="modify($event,ite.firstRowRightUpdate.updateLink.link,i)">
                </p>

                <p class="address" *ngIf="ite.secondRowLeft?.firstText?.label" [ngStyle]="ite.secondRowLeft?.firstText?.cssStyle | styleFilter">
                  <span>{{ite.secondRowLeft.firstText.label}}</span>
                </p>

                <ng-container *ngIf="addressShow">
                  <p class="show">
                    <span class="show-left" appDebounceClick (debounceClick)="defaultAddress(ite,$event,i)"
                      [ngStyle]="ite.thirdRowLeft?.firstText?.cssStyle | styleFilter">
                      <i class="unCheck show-left-i" [ngClass]="{'checked':ite.check_show}"></i>
                      {{ite.thirdRowLeft?.firstText?.label}}
                    </span>
                    <span class="show-right"
                      appDebounceClick (debounceClick)="del($event, ite.thirdRowRight?.deleteButton, ite, ite.thirdRowRight?.label, i)"
                      [ngStyle]="ite.thirdRowRight?.cssStyle | styleFilter">{{ite.thirdRowRight?.firstText}}</span>
                  </p>
                </ng-container>

              </div>

              <div class="img-bg" [ngStyle]="ite.iconCssStyle | styleFilter"
                *ngIf="ite.checked && ite.checked !== 'false'">
                <img class="img-bg-content" [src]="ite.icon" />
              </div>
            </div>

        </ng-container>
      </div>
    </ng-container>

    <!-- 超出服务范围 -->
    <ng-container *ngIf="disabledArr">
      <ng-container *ngFor="let ite of disabledArr, let i = index">
        <div class="item-disabled" *ngIf=" i === 0 " style="opacity: 0.5;" [ngStyle]="ite.disablCssStyle | styleFilter">
          {{ite.disabled}}
        </div>
        <div class="address-item-bg" *ngIf="ite.firstRowLeft?.firstText?.label" style="opacity: 0.5;" [ngStyle]="ite.itemCssStyle | styleFilter">
          <div class="item-ringht">
            <p class="name-bg" [ngStyle]="ite.firstRowLeft?.firstText?.cssStyle | styleFilter">
              {{ite.firstRowLeft.firstText.label}} <span class="phone"
                [ngStyle]="ite.firstRowLeft?.secondText?.cssStyle | styleFilter">{{ite.firstRowLeft.secondText.label}}</span>
              <span *ngIf="ite.check_show && !addressShow" [ngStyle]="ite.secondRowLeft?.tag?.cssStyle | styleFilter"
                class="def-tag">{{ite.secondRowLeft?.tag?.label}}</span>
              <img *ngIf="ite.firstRowRightUpdate?.updateLink?.link && !addressShow" class="modify-icon"
                [src]="ite.checkIcon" [ngStyle]="ite.checkIconCssStyle | styleFilter"
                onerror="this.src='assets/icon/center_icon_modify@3x.png'"
                appDebounceClick (debounceClick)="modify($event,ite.firstRowRightUpdate.updateLink.link,i)">
            </p>

            <p class="address" *ngIf="ite.secondRowLeft?.firstText?.label" [ngStyle]="ite.secondRowLeft?.firstText?.cssStyle | styleFilter">
              <span class="address-span">{{ite.secondRowLeft.firstText.label}}</span>
            </p>

            <ng-container *ngIf="addressShow">
              <p class="show">
                <span class="show-left" appDebounceClick (debounceClick)="defaultAddress(ite,$event,i)"
                  [ngStyle]="ite.thirdRowLeft?.firstText?.cssStyle | styleFilter">
                  <i class="unCheck show-left-i" [ngClass]="{'checked':ite.check_show}"></i>
                  {{ite.thirdRowLeft?.firstText?.label}}
                </span>
                <span class="show-right"
                  appDebounceClick (debounceClick)="del($event, ite.thirdRowRight?.deleteButton, ite, ite.thirdRowRight?.label, i)"
                  [ngStyle]="ite.thirdRowRight?.cssStyle | styleFilter">{{ite.thirdRowRight?.firstText}}</span>
              </p>
            </ng-container>

          </div>

          <div class="img-bg" [ngStyle]="ite.iconCssStyle | styleFilter"
            *ngIf="ite.checked && ite.checked !== 'false'">
            <img class="img-bg-content" [src]="ite.icon" />
          </div>
        </div>
      </ng-container>
    </ng-container>

</div>

<div class="noData" *ngIf="(tagData.data.data.length < 1)||(!tagData.data.data)||(tips === true)">
  <span>暂无数据</span>
</div>
<ion-infinite-scroll threshold="100px" (ionInfinite)="loadMoreData($event)" *ngIf="this.tagData.data.submit">
  <ion-infinite-scroll-content loadingSpinner="bubbles" loadingText="正在加载更多数据...">
  </ion-infinite-scroll-content>
</ion-infinite-scroll>